@import "../common/css/variables.scss";
@import "../../common/css/size.scss";
.m-product{
  height: calc(100% - #{$navHeight});
  overflow: auto;
  .proResList{
    position: absolute;
    width: 100%;
    height: calc(100% - #{$_95});
    overflow-y: auto;
  }
  .rankLi{
    width: $_112;
  }
  .rank{
    font-size: $_16;
    color: #78797A;
    width: $_111;
    text-align: center;
    // padding-right: $_20;  
    .icon-angle-down{
      font-size:$_20;
    }
    .icon-angle-up{
      font-size: $_20;
    }
  }
  .rankLi.two{
    width: $_162;
  }
  .rank.two{
    width: $_161;
  }
  .rankLi.active .rank{
    color: $cMain; 
  }
  .sorting{
    background: #FFFFFF;
    box-shadow: 0 $_2 $_4 0 rgba(205,210,212,0.50);
    height: $_46;
    .border{
      height: $_16;
    }
    .search{
      width: $_46;
      height: 100%;
      background: url('../img/common/icon_search.png') no-repeat center;
      background-size: $_18;
    }
  }

}
  .proTitle{
    text-align: center;
    padding: 0.5rem 0 0.2rem 0;
  }
  .borkerageW{
    text-align: left;
    width: 5rem;
  }
/*选择产品页面*/
.m-product.select{
  height: 100%;
  .proResList{
    height: calc(100% - #{$_45});
  }

}
/*产品中心新样式 活动详情里用*/
.proItemN{
  padding: $_10  $_15 0 $_15;
  background: #fff;
  margin-bottom: $_10;
  .proTag{
    font-size: $_10;
    padding: $_3 $_5;
    border-radius: $_4;
  }
  .proTopR{
    width: calc(100% - #{$_70});
    margin-right: $_10;
  }
  .proTitleN{
    font-size: $_16;
    line-height: $_22;
    color: #363636;
    width: calc(100% - 2rem);
  }
  .proTop{
    padding: 0 0 $_10 0;
  }
  .proDesc{
    padding: 0 0 $_10 0;
    line-height: $_20;
  }
  .proItemB{
    height: $_40;
    border-top: $_1 solid $cbMainf5;
  }
  .priceW{
    //width: $_85;
  }
  .orgPrice {
    text-decoration: line-through;
    color: #FF7500;
    margin-left: $_5;
  }
  .borkerageW{
    margin-left: $_20;
    color: #FF7500;
  }
  .proTagCN{
    border: $_1 solid #4CAE0C;
    color: #4CAE0C;
    background: #F3FFEA;
    margin-right: $_5;
  }
  .proTagCH{
    border: $_1 solid #F65C55;
    color: #F65C55;
    background: #FDF2F2;
    margin-right: $_5;
  }
  .logoPro{
    width: $_70;
    height: $_20;
  }
}

/*产品中心单个产品新样式3 0310*/
.proItemN3:nth-child(2n+1){
background: url('../img/product/bg_1.png') no-repeat;
background-position-x: -$_7;
background-size: $_361 $_308;
  .getDetail{
    background: url('../img/product/btn_go1.png') no-repeat;
    background-size: $_45;
  }
  .proCat{
    box-shadow: 0 $_2 $_4 0 #7294DA;
    color: #7294DA;
  }
  
}
.proItemN3:nth-child(2n){
  background: url('../img/product/bg_2.png') no-repeat;
  background-position-x: -$_7;
  background-size: $_361 $_308;
  .getDetail{
    background: url('../img/product/btn_go2.png') no-repeat;
    background-size: $_45;
  }
  .proCat{
    box-shadow: 0 $_2 $_4 0 #A844BA;
    color: #A844BA;
  }
  }
.proItemN3{
  margin: 0 auto;
  width: $_348;
  height: $_308;
  .p6{
    margin-bottom: $_10;
  }
  .proItemN3Wrap{
   padding: $_5 $_5 0 $_14;
      width: calc(100% - #{$_19});
    height: calc(100% - #{$_35});
    .logoPro{
      width: $_144;//138/40
      height: $_46;
      overflow: hidden;
      img{
        // width: 100%;
        // height: $_144;
      }
    }
    .proCat{
      background: #FFFFFF;
      border-radius: $_100;
      padding: $_4 $_12;
    }
    .proTitleN{
      font-size: $_18;
      color: #fff;
      margin-top:$_10;
    }
    .proTag{
      margin-right: $_10;
    }
    .getDetail{
      width: $_45;
      height: $_40;  
    }
    .p4{
      margin-top: $_10;
    }
  }
}
/*单个产品新样式*/
.selectLi .proItemN4 .proRight .checkit{
  display: block;
  width: $_33;
  height: $_18;
}
.proItemN4{
  background: #FFFFFF;
  box-shadow: 0 $_2 $_2 0 rgba(205,208,212,0.50);
  border-radius: $_7;
  width: $_359;
  height: $_116;
  margin: $_10 auto 0;
  .proLogo{
    width: $_56;
    height: $_56;
    margin: 0 $_10;
    img{
      max-width: 120%;
    }
  }
  .proRight{
    width: calc(100% - #{$_76});
    .over-hide{
      margin: 0  $_10 0 0;
    }
    .checkit{
      display: none;
    }
    .name{
      margin-top: $_20;
    }
    .btmTop{
      padding-bottom: $_26;
    }
    .btm{
      text-align: center;
      min-width: $_117;
      height: $_27;
      line-height: $_32;
      border-top-left-radius: $_50;
      border-bottom-right-radius: $_7;
      background: $cMain;
      color: #fff;
      padding: 0 $_10;

    }
  }

} 

/*客服页面产品mini样式*/
.proItemN5{
  width: 8.952rem;
  height: $_56;
  .proLogo{
    width: $_40;
    height: $_40;
    margin: 0 $_10 0 0;
  }
  .proRight{
    width: calc(100% - #{$_50});
  }
}

/*首页产品分类*/
.proSort{
  .sortImg{
    margin-bottom: 0.2rem;
    //border: $_1 solid $borderC;
    img{
      width: 100%;
      height: 100%;
    }
  }
}